<template>
<div class="all">
	<div class="head">
			<div class="item1 el-icon-arrow-left" @click="back"></div>
			
		</div>
		<hr>
		<div class="content">——欢迎来到逗趣——</div>
		<div class="footer">
			<input type="text" placeholder="手机号"><span>获取验证码</span>
			<input type="text" placeholder="验证码">
			<button>注册</button>
		</div>
</div>
	
</template>
<script>
	export default {
		name:'register',
		data(){
			return{

			}
		},
		methods:{
            back(){
                this.$router.go(-1);
            }
        }
	}
	
</script>
<style scoped lang="less">
.head{
		display: flex;
		flex-direction: row; 
		width: 100%;
		background: #fff;

	}
	.head .item1{
		flex-grow:3;
		padding: 15/35rem 0 15/35rem 10/35rem;
		font-size: 20/35rem;
		font-weight: bolder;

	}
	.content{
		width: 100%;
		text-align:center;
		color: #aaaaaa;
		font-size: 20/35rem;
		padding: 75/35rem 0 75/35rem 0;
	}
	.footer{
		width: 100%;
		text-align: center;
		position: relative;
	}
	.footer input{
		width: 80%;
		height: 43/35rem;
		border:2px solid #aaaaaa;
		border-radius: 5/35rem;
		margin: 5/35rem 0 5/35rem 0;
		font-size: 14/35rem;	
		text-indent: 5/35rem;
	}
	.footer span{
		position:absolute;
		top:6/35rem;
		right: 36/35rem;
		width:100/35rem;
		height: 43/35rem; 
		background: #5582c3;
		border-radius: 5/35rem;
		color: #fff;
		line-height: 43/35rem;
		
	}
	.footer button{
		width: 82%;
		height: 43/35rem; 
		background: #5582c3;
		color: #fff;
		border-radius: 5/35rem;
		margin: 5/35rem 0 5/35rem 0;
		font-size: 14/35rem;
	}


	
</style>